.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
body {
    background: #efefef;
}
.head{
    position: fixed;
    left: 0;
    top: 0;
   
    display: flex;
    align-items: center;
    justify-content: center;
    .pxToRem(height, 95);
    width: 100%;
    background: #fff;
   
    z-index: 99;
    
    .dt{ 
         .pxToRem(font-size, 50);
        
    }
}

   .ul{   
        position: fixed;
    left: 0;
    top: 0;
          width: 100%;
        position: fixed;
      .pxToRem(top,95); 
//      .pxToRem(padding-top,95);
        left: 0;
        border-bottom: 2px solid #d2d2d2;
        background: #fff;
        z-index: 99;
        .top {
           
            width: 100%;
            .topone {
                .pxToRem(height, 80);
                display: flex;
                justify-content: center;
                align-items: center;
                box-sizing: border-box;
                width: 100%;
                div {
                    flex: 1;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    a {
                        width: 60%;
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: #000;
                        box-sizing: border-box;
                        .pxToRem(font-size, 28);
                        text-decoration: none;
                    }
                    .zx {
                        border-bottom: 4px solid #8ec251;
                        color: #8ec251;
                    }
                }
            }
        }
}

  
.daa{ 
    
    .pxToRem(margin-top,30);
    .pxToRem(padding-bottom,30);
  background: #FFF;
   
    .topone {
        display: flex;
        align-content: center;
        justify-content: space-between;
        .pxToRem(padding-top,20);
         .pxToRem(padding-left,30);
         .pxToRem(font-size,30);
         .kc{
              color: #b7b7b7;
         }
        .gd {
            display: flex;
            color: #b7b7b7;
            .pxToRem(padding-right,30);
            span{
               .pxToRem(padding-left,20); 
            }
        }
    }
        
        .mr {
            width: 100%;
            height: 100%;
            .pxToRem(padding-left,40);
            .pxToRem(padding-top,40);        
            box-sizing: border-box;
            .swiper-wrapper {
                .swiper-slide {
//                  .pxToRem(padding-bottom,30);
                       overflow: hidden; 
                    img {
                        width: 100%;
                    }
                    
                }
            }
        }

}
.bottom{
    width: 100%;
   
  .pxToRem(margin-top,20);
    .one{
        .pxToRem(margin-bottom,10);
        width: 100%;
        
        display: flex;
        align-items: center;
        flex-direction: column;
         .pxToRem(margin-top,30);
        .box{
             background: #fff;
          .pxToRem(margin-bottom,20);
        

            .top{
                width: 100%;
                display: flex;
            align-items: center;
           .topleft{
                width: 20%;
            img{
               
                .pxToRem(width,100);
                 .pxToRem(height,100);
                 .pxToRem(padding,25);
            }
            }
            .toprigth{
                width: 80%;
                 flex-direction: column;
                  .pxToRem(padding,30);
            .mc{
               
               .pxToRem(font-size,25);
               display:block;
               font-weight: bold; 
            }
            .sj{
                .pxToRem(font-size,20);
                display: block;
                color: #959595;
              .pxToRem(padding-top,20);
               
            }
            }
            }
            .center{
                 .pxToRem(padding-top,10);
                 .bt{
                     .pxToRem(font-size,30);
                     display: block;
                     .pxToRem(padding,10);
                 }
                 .nr{

                    .pxToRem(font-size,25);
                    .pxToRem(line-height,40);
                    .pxToRem(padding-left,20); 
                 }
                 .nr2{
                     
                      .pxToRem(font-size,25);
                   color: #91d4ff;
                 }
                     
                 .ht{
                      display: block;
                      .pxToRem(font-size,25);
                   color: #91d4ff;
                   .pxToRem(padding-top,10); 
                   .pxToRem(padding-left,25); 
                 }
            }
            .botto{
                 .pxToRem(padding-top,10);
                    .pxToRem(padding-bottom,30);
                 .rd{
                    
                     .pxToRem(font-size,30);
                      color: #959595;
                      .pxToRem(padding-left,25); 
                 }
                 .img2{
                   .pxToRem(padding-left,400); 
                    .pxToRem(width,30);
                 .pxToRem(height,30);  
                 }
                 .img3{
                    
                    .pxToRem(padding-left,20); 
                     .pxToRem(width,30);
                 .pxToRem(height,30);   
                 }
                 .wn{
                      .pxToRem(font-size,30);
                      color: #959595;
                    .pxToRem(padding-left,5);  
                 }
                  .pl{
                       .pxToRem(font-size,30);
                      color: #959595;
                    .pxToRem(padding-left,5);  
                 }
            }
        }
    }  
}










.bottom{
    width: 100%;
   .pxToRem(margin-bottom,100);
  .pxToRem(margin-top,150);
    .tow{
//   .pxToRem(margin-bottom,90);
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
         .pxToRem(margin-top,30);
        .box{
             background: #fff;
          .pxToRem(margin-bottom,20);
        

            .top{
                width: 100%;
                display: flex;
            align-items: center;
           .topleft{
                width: 20%;
            img{
               
                .pxToRem(width,100);
                 .pxToRem(height,100);
                 .pxToRem(padding,25);
            }
            }
            .toprigth{
                width: 80%;
                 flex-direction: column;
                  .pxToRem(padding,30);
            .mc{
               
               .pxToRem(font-size,25);
               display:block;
               font-weight: bold; 
            }
            .sj{
                .pxToRem(font-size,20);
                display: block;
                color: #959595;
              .pxToRem(padding-top,20);
               
            }
            }
            }
            .center{
                 .pxToRem(padding-top,10);
                 .bt{
                     .pxToRem(font-size,30);
                     display: block;
                     .pxToRem(padding,10);
                 }
                 .nr{

                    .pxToRem(font-size,25);
                    .pxToRem(line-height,40);
                    .pxToRem(padding-left,20); 
                 }
                 .nr2{
                     
                      .pxToRem(font-size,25);
                   color: #91d4ff;
                 }
                     
                 .ht{
                      display: block;
                      .pxToRem(font-size,25);
                   color: #91d4ff;
                   .pxToRem(padding-top,10); 
                   .pxToRem(padding-left,25); 
                 }
            }
            .botto{
                 .pxToRem(padding-top,10);
                    .pxToRem(padding-bottom,30);
                 .rd{
                    
                     .pxToRem(font-size,30);
                      color: #959595;
                      .pxToRem(padding-left,25); 
                 }
                 .img2{
                   .pxToRem(padding-left,400); 
                    .pxToRem(width,30);
                 .pxToRem(height,30);  
                 }
                 .img3{
                    
                    .pxToRem(padding-left,20); 
                     .pxToRem(width,30);
                 .pxToRem(height,30);   
                 }
                 .wn{
                      .pxToRem(font-size,30);
                      color: #959595;
                    .pxToRem(padding-left,5);  
                 }
                  .pl{
                       .pxToRem(font-size,30);
                      color: #959595;
                    .pxToRem(padding-left,5);  
                 }
            }
        }
    }  
}

.three{
    height: 100vh;
    
     background:#FFFFFF url(../images/cb.jpg) no-repeat 50% 30%;  
    .zi{
       width: 100%;
       position:absolute;
       top: 40%;
       left: 20%;
       color: #d7d7d7;
       .pxToRem(font-size,25);
        .pxToRem(letter-spacing, 15);
       
    }
}

.foot {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    border-top: 1px solid #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    .pxToRem(height, 98);
    z-index: 99;
    .foote {
        flex: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        height: 100%;
        color: #bfb9b9;
        span {
            .pxToRem(font-size, 40);
        }
    }
}